Сайт создан в 2010 году и в то время в web дизайне процветала Flash анимация. Во всех проектах я использовал адаптивную технологию - два вида анимации (Flash + HTML5) в одной странице, с определением версии при наличии Flash плагина в браузере посетителя сайта.
________________________________
________________________________
The site was created in 2010 and at that time in web design flourished Flash animation. In all projects I used adaptive technology - two types of animation (Flash + HTML5) in one page, with the definition of the version in the presence of Flash plugin in the visitor's browser.
Для полной совместимости технологий я использовал в своих проектах двойную адаптивную анимацию (Flash & HTML+CSS). Технология основана на фреймворке для определения наличия в браузере плагина Flash Player. Я модернизировал и усовершенствовал стандартный фреймворк Adobe для создания технологии адаптивной анимации (когда создаётся 2 вида анимации для 1 страницы). В результате: при наличии в браузере посетителя включённого Flash плагина, страница сайта показывает самую полную интерактивную Flash-анимацию (весом всего 280 Кб) с контролем сценария и режимов потоковой загрузки. При отсутствии плагина (или отключённом JS) пользователю показывается HTML+CSS анимация (она весит 290 Кб, но примитивна и без интерактивности). Дизайн сайта разрабатывается под вёрстку, с учётом интеграции сразу 2-х видов анимации в коде страницы. При этом, анимация - это только часть страницы. Контент и навигация страницы полностью открыты для индексации и SEO оптимизации страницы сайта. А наличие анимации резко повышает поведенческие показатели сайта в алгоритмах поисковых систем (время просмотра) и снижает процент отказа посетителя (быстрый уход со страницы). Что было максимально использовано в этом сайте и других моих проектах.
Есть редкая возможность посмотреть действующий шаблон этой технологии finest.ru/sites/flot, при поддержке плагина Adobe Flash Player в вашем браузере (при отсутствии плагина - будет автоматически показана HTML+CSS анимация).
Архитектура технологии адаптивной анимации:
Кадры CSS анимации:
Кадры CSS анимации:
Кадры CSS анимации:
Этот проект – один из моих самых интересных кейсов по его эффективности. Хотя бюджета на постоянное продвижение сайта не было, но в ходе его разработки и SEO оптимизации (на основании предварительного анализа специфики спроса и конкуренции), был сформирован самый простой способ выхода на целевую аудиторию в поисковом спросе. Были выбраны 3 основных запроса в семантическом ядре "транспортное обслуживание...", вместо жёсткой конкурентной борьбы за поисковые запросы со словами "аренда транспорта..." или "транспортная компания...".
Результат: стабильная и многолетняя позиция в ТОП по нескольким поисковым запросам целевой аудитории (+ эксклюзивное оформление) позволяла сайту компании годами постоянно наращивать клиентскую базу. Даже с минимальной посещаемостью сайта (только целевыми клиентами) и без услуг продвижения сайта. Правильные технологии + хороший дизайн (хорошие поведенческие факторы) и сайт работает сам много лет, даже без модернизации и обновлений...
Современные технологии требуют уже других технологий, с выполнением требований Core Web Vitals 2021. Хотите эффективный web проект или технологичную анимацию, способную эффективно проходить тестирование и значительно повышать поведенческие факторы сайта в алгоритмах поисковых систем?
О проекте
Заказчик: Группа компаний "Наземный флот" (ООО "Транс Строй Сервис").
Создание сайта (2010): дизайн, адаптивная анимация, вёрстка, сборка и наполнение, SEO сайта и хостинга, тестирование, планирование первичной публикации и оптимизированной индексации сайта.
Комплексная поддержка (2010): анализ спроса и конкуренции, контент менеджмент, SEO, вывод в ТОП целевого спроса в поисковых системах, работа с ПС-сервисами, индивидуальные графические материалы для сайта, техническая поддержка, настройка хостинга.
Исполнитель (сontact info):
👉 finest.ru (весь объём работ - один full stack developer );
👉 finest.ru (весь объём работ - один full stack developer );
👉 instagram.com/finest.ru (Instagram).
Описание проекта (project description. Rus) - finest.ru/sozdanie-sayta-nazemflot.htm
Действующие шаблоны (valid templates) - finest.ru/sites/flot/index.htm
Действующие шаблоны (valid templates) - finest.ru/sites/flot/index.htm
